<!-- 逻辑代码块-->
<script setup lang="ts">
// 1. 定义任意类型的数据
const food = '西红柿'
const animal = '狗'
const data = {
  name: 'test',
  size: 20,
}
</script>

<!-- 结构块:-->
<template>
  <h1>Hello World</h1>
  <h2>{{ food }}</h2>
  <h3>{{ data }}</h3>
</template>

<!-- 样式块-->
<style scoped>
h1 {
  background-color: antiquewhite;
}
h2 {
  border: 1px, black, solid;
}
h3 {
  color: aqua;
}
</style>
